如何将div滚动条放在左侧？
是否可以为div上的垂直滚动条指定位置（左侧或右侧）？其中说明了如何使用溢出属性。有什么方法可以将滚动条放在可滚动区域的左侧？回答：要么回答：任何高度或宽度都可以<style> .list_container { direction: rtl; overflow:auto; height: 50px; width: 50px; } .item_direction { direction:ltr; }</style...
2024-01-10div中的CSS自定义滚动条
如何通过CSS（级联样式表）为一个div页面而不是整个页面自定义滚动条？回答：我认为整合有关滚动条，CSS和浏览器兼容性的最新信息会有所帮助。当前，没有跨浏览器的滚动条CSS样式定义。最后，我在W3C文章中提到了以下内容，并于最近进行了更新（2014年10月10日）：某些浏览器（IE，Konqueror）支...
2024-01-10根据滚动调整div高度
我需要在用户滚动页面时增加div的高度。根据滚动调整div高度有问题的网站是这样的： 有改变其高度的股利是在右边的菜单。我阐述了下面的代码，但问题是当用户位于页面底部时，div应该达到100％的高度，现在高度增长过快。$(function(){ $(window).scroll(function() { var scrollHeight = $(document).he...
2024-01-10Vue js挂载滚动到特定的div
我发现这个脚本，并且在你点击按钮时工作正常。我想实现的是当页面加载它自动滚动到特定的div。Vue js挂载滚动到特定的div我该如何做到这一点？<button id="goto" @click="goto('porto')">Go to porto</button> <div class="page" ref="porto"> Porto page </div> methods: { goto(refName) { var element = this.$refs[refName...
2024-01-10CSS div元素-如何仅显示水平滚动条？
我有一个div容器，其定义如下：div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff}填充此div包含的表格后，这将自动为我提供水平和垂直滚动条。我只希望只自动显示水平滚动条。我将以编程方式修改桌子的高度。我该怎么做呢？回答：除非使内容足够大以至于不能使用它...
2024-01-10滚动时固定/浮动div元素
我正在尝试在网络上进行搜索，但不确定要查找的内容是什么。我试图找出如何创建将被修复的div元素，或者仅在该元素的TOP达到窗口浏览器视图的TOP时才浮动。例如，如果某个元素位于页面的中间，那么当您继续向下滚动时，该元素将一直保留直到它即将消失，然后它才希望保留在我的浏览器顶部（...
2024-01-10使用CSS使div垂直滚动
这个<div id="" style="overflow:scroll; height:400px;">提供了一个div用户可以水平和垂直滚动的功能。如何更改它以便div 仅 可垂直滚动？回答：除了使用错误的属性外，还可以解决它。滚动条可与任何财产被触发overflow，overflow-x或者overflow-y每个人都可以被设置为任意的visible，hidden，scroll，auto，或inherit。您当...
2024-01-10使用CSS使div可垂直滚动
这个<div id="" style="overflow:scroll; height:400px;">给出了一个div用户可以水平和垂直滚动的功能。如何更改它以便div 仅 可垂直滚动？回答：除了使用错误的属性外，还可以解决它。滚动条可与任何财产被触发overflow，overflow-x或者overflow-y每个人都可以被设置为任意的visible，hidden，scroll，auto，或inherit。您目...
2024-01-10在滚动某个百分比之后隐藏div
我有一个div，它有两个CTA按钮。我将在达到页面的90％或达到我的#footer div后隐藏该div。我这样做的原因是为了防止它干扰页脚。在滚动某个百分比之后隐藏div我已经找到了一些代码，但它会隐藏在800px滚动不基于百分比后的div。$(document).scroll(function() { var y = $(this).scrollTop(); if (y > 800) { ...
2024-01-10如何同步两个div的滚动位置？
我想将2个div的大小设置为特定宽度（即500px）。一个高于另一个水平对齐。顶部框应隐藏其滚动条，底部框应显示滚动条，并且当用户滚动时，我希望顶部框的偏移量更改为底部框的值。因此，当底部DIV水平滚动时，似乎顶部DIV也同时滚动。我很高兴在Jquery中做到这一点，如果它使过程更容易。...
2024-01-10使浮动div的高度相同
我有2个div并排。我不知道它们的高度，它根据内容而改变。有没有一种方法可以确保它们始终保持相同的高度，即使其中一个拉伸时也只能使用CSS？我做了一个小提琴来展示。我希望红色和蓝色的div高度相同…这是CSS：#wrapper {width: 300px;}#left { width:50px; background: blue; float:left; height: 100%; ...
2024-01-10悬停滚动文本div并返回第一个元素
如何用鼠标悬停而不是重复自己，用另一个文本替换“home”按钮？悬停滚动文本div并返回第一个元素<ul class="topnav"> <li><a href="#">Home</a></li> </ul> jQuery(function($) { $('.topnav li').find('a[href]').parent().each(function(span, li){ li = $(li); span = $('<span>' + li.find('a').html() + '...
2024-01-10添加数据后如何自动滚动到div末尾？
我的table内部div具有以下样式：#data { overflow-x:hidden; overflow-y:visible; height:500px;}一旦向表中添加了足够的数据，这将显示一个垂直滚动条。但是，添加新数据后，我希望该div元素自动滚动到底部。我可以使用哪些JavaScript代码执行此操作？我愿意在必要时使用JQuery中的选项，但希望使用JavaScript...
2024-01-10滚动到后，如何使div停留在屏幕顶部？
我想创建一个div，它位于内容块的下方，但是一旦页面滚动到足以接触其顶部边界的位置，它就会固定在适当的位置并随页面滚动。回答：您可以简单地使用css，将元素定位为fixed：.fixedElement { background-color: #c0c0c0; position:fixed; top:0; width:100%; z-index:100;} 您应该将元素的位置设为绝对，...
2024-01-10vw为什么将滚动条包含在视口中？
我正在尝试建立一个网站，其中包含许多宽度和高度相等的盒子。例如，我有一个页面，其中并排有2个相等大小的框。简单的解决方案是将宽度和高度设置为50vw。除非有滚动条，否则效果很好。我已经在Google上搜索了几个小时，无法理解为什么大众和大众在滚动条中将滚动条作为视口的一部分。这是...
2024-01-10使用 “...”，而不是一个滚动条时文本会被截断
我有这样的：使用 “...”，而不是一个滚动条时文本会被截断我想这一点：菜单是调整大小，所以“...”的位置应该是动态的，取决于文本有多少空间。我该如何实现这一目标？更新：在我的情况下，文本框是一个ListBoxItem的内部。回答：尝试用的TextTrimming = “CharacterEllipsis”。 例如：<TextBlock ...
2024-01-10高度样式属性在div元素中不起作用
我在上设置了20px的高度<div>，但是当它在浏览器中呈现时，其高度仅为14px。有任何想法吗？<div style="display:inline; height:20px width: 70px">My Text Here</div>回答：您不能使用height和设置和width的元素display:inline;。使用display:inline-block;代替。根据CSS2规范该height属性不适用。内容区域的高度应基于字体，但是...
2024-01-10如何在.NET中使用C＃编辑div的CSS样式
我试图在（C＃）后面的代码中获取div的ID，并在其上设置一些CSS。我可以从DOM中获取它还是必须使用某种控件？<div id="formSpinner"> <img src="images/spinner.gif" /> <p>Saving...</p></div>回答：将runat="server"属性添加到它，这样您就可以：<div id="formSpinner" runat="server"> <img src="images/spinner.gif"> <p>Savin...
2024-01-10在CSS悬停事件上，我可以更改另一个div的样式吗？
当我将鼠标悬停在ID为“ a”的div或类上时，是否可以更改ID为“ b”的div或类的背景色？回答：是的，您可以执行此操作，但前提#b是#a在HTML之后。如果#b紧随其后#a：#a:hover + #b { background: #ccc}<div id="a">Div A</div><div id="b">Div B</div>这是使用相邻的同级组合器（+）。如果#a和之间还有其他元素#b，...
2024-01-10CSS表达式设置div的高度
我想基于CSS表达式设置div的高度。基本上，应将其设置为 我尝试过以下操作的视口 某些百分比（例如90％），但不起作用；height:expression(document.documentElement.clientWidth ? document.documentElement.clientWidth : window.innerWidth );我正在寻找一种跨浏览器的方式（IE7 +，FF4 +，Safari）回答：除IE之外，CSS表达式均不受...
2024-01-10响应式更改div大小，保持长宽比
当我给图像一个宽度或高度的百分比时，它只会保持其宽高比增长/缩小，但是如果我想与另一个元素具有相同的效果，是否可以完全使用百分比将宽度和高度绑定在一起？回答：您可以使用纯CSS来完成；无需JavaScript。这利用了padding-top百分比（相对于包含块的）的（有点违反直觉）事实。这是一个例...
2024-01-10响应式更改div大小，保持宽高比
当我给图像一个宽度或高度的百分比时，它只会保持其宽高比增长/缩小，但是如果我想与另一个元素具有相同的效果，是否完全可以使用百分比将宽度和高度绑定在一起？回答：您可以使用纯CSS来实现；无需JavaScript。这利用了padding-top百分比（相对于包含块的）（有点违反直觉）的事实。这是一个例...
2024-01-10展开div以填充剩余宽度
我想要一个两列的div布局，其中每个可以具有可变的宽度，例如div { float: left;}.second { background: #ccc;}<div>Tree</div><div class="second">View</div>我希望’view’div扩展到’tree’div填充所需空间后可用的整个宽度。目前，我的“视图” div已调整为包含它的内容的大小，如果两个div都占据整个高度，...
2024-01-10使div（高度）占据父级剩余高度
我有一个div带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” div而不给其指定高度？在示例中，粉红色div也应占据白色空间。与此问题类似：如何使div占据剩余高度？但是我不想摆 。回答：可以通过多种方式扩展#down子级以填充剩余的空间，#container具体取...
2024-01-10CSS并排div的自动等宽
我有一个父div，其中将包含2或3个子div。我希望子div自动采用相等的宽度。谢谢回答：这不是不可能的。使用甚至还不是特别困难display: table。该解决方案将在现代浏览器中运行。在IE7中将无法使用。#wrapper { display: table; table-layout: fixed; width:90%; height:100px; background-color:Gray;}#wrapper div ...
2024-01-10为div扩展全高
有没有一种方法可以使div扩展到最大高度？我也有一个脚注。这是网页： 。我要说的中间部分是白色div，中间内容具有CSS值：.midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; max-width:968px; height:10...
2024-01-10如何让div浮动到其容器的底部？
我多次使用float：right（或left）将图像和插入框浮动在容器的顶部。最近，我遇到了一个需要将div浮动到另一个div的右下角，并使用您通过float获得的普通文本换行（仅在顶部和左侧换行的文本）的方法。我认为即使float没有底值，这也必须相对容易，但是我无法使用多种技术来做到这一点，并且在Web上...
2024-01-10在页面内容上方浮动div
我实现了一个弹出框，可动态显示搜索选项。我希望该框“浮动”在所有网站内容之上。当前，当显示该框时，它将替换其下方的所有内容，并且看起来很糟。我相信我已经尝试将box的div的z-index设置为高于其余页面内容的z-index，但是仍然没有运气。回答：您要使用绝对定位。绝对位置元素相对于具...
2024-01-10为什么父div高度浮动时子代的高度为零
我的CSS中包含以下内容。所有边距/边距/边界均全局重置为0。#wrapper{width: 75%; min-width: 800px;}.content{text-align: justify; float: right; width: 90%;}.lbar{text-align: justify; float: left; width: 10%;}现在，当我将HTML编写为<div id="wrapper"> <div class="content"> some text here...
2024-01-10如何模糊div元素？
我在DIV中有一个下拉菜单。我希望用户单击其他任何位置时下拉菜单都隐藏。$('div').blur(function() { $(this).hide(); }不管用。我知道.blur仅适用<a>于这种情况，但是在这种情况下，最简单的解决方案是什么？回答：我认为问题在于div不会触发该onfocusout事件。您需要捕获主体上的单击事件，然后确定目标...
2024-01-10边框长度小于div宽度？
我有以下代码div { width:200px; border-bottom:1px solid magenta; height:50px; }div宽度为200px，因此border-bottom也是200px，但是如果我希望border-bottom-bottom仅100px而又不更改div宽度，该怎么办？回答：您可以使用伪元素。例如div { width : 200px; height : 50px; position: relative; z-index : 1; b...
2024-01-10
